.payment-page{
    .customer-table-line{
        background-color: @bg-f5;
        height: 120px;
        align-items: center;
        padding: 30px 32px;
        .status{
            padding: 2px 6px;
            height: 20px;
            border-radius: 3px;
            color: #FF4D4F;
        }
        .status-0{
            color: #2F6EEC;
            background: #E4EDFF;
        }
        .status-1{
            color: #2F6EEC;
            background: #E4EDFF;
        }
        .status-2{
            color: #2F6EEC;
            background: #E4EDFF;
        }
        .status-3{
            color: #2F6EEC;
            background: #E4EDFF;
        }
        .status-4{
            color: #FF2C2C;
            background: #FFE4E4;
        }
        .status-5{
            color: #2F6EEC;
            background: #E4EDFF;
        }
        .status-8{
            color: #2F6EEC;
            background: #E4EDFF;
        }
        .status-6{
            color: @green;
            background: #E7F8ED;
        }
        .status-7{
            color: #FF9419;
            background: #FFECE4;
        }
        .status-alipay-0{
            color: #2F6EEC;
            background: #E4EDFF;
        }
        .status-alipay-1{
            color: #2F6EEC;
            background: #E4EDFF;
        }
        .status-alipay-2{
            color: @green;
            background: #E7F8ED;
        }
        .status-alipay-3{
            color: #FF2C2C;
            background: #FFE4E4;
        }
        .status-alipay-4{
            color: #2F6EEC;
            background: #E4EDFF;
        }
        .status-alipay-5{
            color: #FF2C2C;
            background: #FFE4E4;
        }
        .status-alipay-6{
            color: #FF2C2C;
            background: #FFE4E4;
        }
        .status-alipay-7{
            color: #FF2C2C;
            background: #FFE4E4;
        }
        .status-alipay-8{
            color: #FF2C2C;
            background: #FFE4E4;
        }
        .line-left{
            display: flex;
            flex-direction: column;
        }
    }
    .payment-top-issue{
        padding: 0 32px;
        height: 60px;
        background: rgba(255,160,51,0.12);
        align-items: center;
        margin-top: -32px;
        margin-bottom: 16px;
    }
}

.select-account-type-box{
    display: flex;
    .select-account-box {
        margin-right: 16px;
        padding: 16px;
        width: 240px;
        height: 200px;
        border-radius: 4px;
        border: 1px solid @bd-l;
        padding: 20px;
        .ant-btn{
            width: 100%;
        }
    }
}
.process-modal{
    .process-modal-title{
        flex-direction: column;
    }
    .process-modal-intro{
        padding: 16px 24px;
        border-radius: 4px;
    }
    .payment-success-img{
        width: 120px;
        height: 120px;    
        margin-bottom: -32px;
        margin-top: 16px;
    }
}

.payment-config-page{
    height: 100%;
    .payment-global{
        padding: 0 32px;
        height: 60px;
        background: rgba(22,188,82,0.08);
        align-items: center;
        margin-top: -32px;
    }
    .payment-mode-line {
        width: 100%;
        height: 110px;
        margin-top: 32px;
        display: flex;
        .payment-mode {
            cursor: pointer;
            position: relative;
            width: 360px;
            height: 110px;
            border: 1px solid @bd-l;
            border-radius: 8px;
            margin-right: 32px;
            transition: background-color .2s ease;
            padding: 36px 24px;
            display: flex;
            .payment-mode-name {
                margin-left: 16px;
                color: @ft-clr-d;
                transition: color .2s ease;
                .anticon {
                    margin-right: 14px;
                }
            }
            .payment-mode-intro {
                margin-left: 16px;
                color: @ft-clr-l;
                transition: color .2s ease;
            }
            &:not(.disabled).active {
                background-color: @green;
                .payment-mode-name, .payment-mode-intro {
                    color: @white;
                }
                .bilin-icon {
                    color: @white;
                }
            }
        }
    }
    .table-list{
        top: 250px !important;
    }
}

.payment-select-account {
    .recharge-account-list {
        width: 100%;
        .overflow-y;
        &::-webkit-scrollbar {
            display: none;
        }
        .recharge-account-item {
            border-radius: 6px;
            border: 1px solid @bd-l;
            background-color: @bg-f5;
            padding: 16px;
            margin-right: 16px;
            margin-bottom: 16px;
            width: 244px;
            height: 100px;
            .account-info{
                width: 170px;
            }
            .account-img{
                .img{
                    width: 33px;
                    height: 30px;
                }
            }
        }
    }
    .recharge-account-radio-group {
        width: 100%;
        .ant-col-8 {
            line-height: 1;
            margin-bottom: 16px;
        }
        .ant-radio-wrapper {
            width: 100%;
            line-height: 1;
            margin-bottom: 0;
            span {
                display: block;
                &.ant-radio {
                    display: none;
                }
            }
            span.ant-radio + * {
                padding-left: 0;
                padding-right: 0;
            }
        }
    }
    .ant-radio-wrapper-checked {
        .wechat {
            border-color: @green;
            background: rgba(22,188,82,0.10);
        }
        .alipay {
            border-color: #56AAE4;
            background: rgba(245,251,255,1);
        }
    }
}
.mode-store-list{
    width: 100%;
    background: #f5f5f5;
    padding: 12px;
    margin: 16px 0;
}
